<template>
  <div id='app'>
    <router-view v-slot='{ Component }'>
      <component :is='Component' />
    </router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>

<style>
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #d7d9db;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: #e3e3e3ff;
  -webkit-box-shadow: #d1d1d1ff;
  border-radius: 10px;
  background-color: white;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #d7d9db;
}
</style>
